<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>11、属性指令-v-bind.html</title>
</head>
<body>

<div id="app">
    <h1 title="">{{title}}</h1>
    <p v-for="(user,index) in users">
        {{user.id}}==={{user.name}} <a :href="'/detail?id='+user.id+'&name='+user.name">点我查看明细</a>
        {{user.id}}==={{user.name}} <a :href="`/detail?id=${user.id}&name=${user.name}`">点我查看明细</a>
    </p>
</div>

<script src="js/vue.global.js"></script>
<script>
    var vue = Vue.createApp({
        data() {
            return {
                users: [
                    {id: 1, name: "zhangsan"},
                    {id: 2, name: "xiaowen"},
                    {id: 3, name: "xiaofei"},
                    {id: 4, name: "xiaoshi"},
                    {id: 5, name: "xiaocai"},
                ]
            }
        },
        methods: {}
    }).mount("#app");

</script>


</body>
</html>